import styled from 'styled-components'
import BorderHOc from '@/hoc/BorderHoc'
export const StyledSearch=styled.div`
font-size: .17rem;
color: #999;
height:0.6rem;
width: 100%;
background-color: ${props=>props.bg||'#F4F4F4'}; //白色 灰色
padding: .1rem .15rem;


`

export const StyledInDiv=BorderHOc(styled.div`

  /* border: ${props=>props.noBorder? '':'1px solid #FF6B01'}; */
  width: 100%;
  height: 100%;
  background-color: ${props=>props.inbg||'#fff'}; //白色 灰色
  display: flex;
  align-items: center;
  justify-content: center;
  svg{
   fill: #FF6B01;
   margin: 0 0.05rem;
  }
`)